<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
   
    <link rel="stylesheet" href="/css/detail.css">
    <title>Detail</title>
</head>
<body>
    <header></header>
    <main class="container">
        <div class="left clearfix"></div>
        <div class="right">
                <div id="template-wrap"></div>
           
            <div class="mb26 vam">
                <label for="">款式</label>
                <span class="style-fs ib">中号</span><span class="style-fs ib">大号</span>
            </div>
            <div class="mb26">
                <label for="">数量</label>
                <div class="ib">
                    <span id="decr">-</span>
                    <span id="quantity">1</span>
                    <span id="incr">+</span>
                </div>
            </div>
            <!-- 加入购物车 -->
            <div class="buy-cart">
                <a href="javascript:void(0);" class="buy">立即购买</a>
                <a href="javascript:void(0);" class="add-cart">加入购物车</a>
                <a href="javascript:void(0);" class="">收藏</a>
                <a href="javascript:void(0);" class="">客服</a>
            </div>
        </div>
    </main>

    <!-- art-template -->
   <script type="text/html" id="template-left">
    <div class="left-img">
            <img src="{{data.arr.imglarge1}}">
    </div>
    <div class="left-thumbs"></div>
   </script>
        
            <script type="text/html" id="template-detail">
              
                <h2 id="title">{{data.title}}</h2>
                <p class="right-span">{{data.desc}}</p>
                <div class="right-desc">
                    <h3 class="price">
                        <label>售价</label>
                        <span class="red">¥</span><span id="price" class="red fs30 lh30">{{data.price}}</span>
                    </h3>
                    <p class="mb26">
                        <label>服务</label>
                        <p class="tc fs16 lh24">本产品为{{data.company}}第三方商品
                            <br>由 北京美恒之都商贸有限责任公司 发货并提供售后
                            <br>支持7天无理由退货（请参考商品详情-常见问题）
                        </p>
                    </p>
                </div>
           
            </script>
            
            
          
      
    <script src="/lib/require.js" data-main="/js/detail.js"></script>
</body>
</html>